<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表单</title>
</head>
<body>
    <form action="">
        <!-- text 文本框  placeholer 占位文字-->
    <label for="姓名">姓名: </label>
    <input type="text" placeholder="请您输入姓名" id="姓名">  <br>

    <!-- password 密码框 -->
     <label>密码: <input type="password" placeholder="请您输入密码"></label> <br>

    <!-- radio 单选框 name 属性 给相同的值就可以单选 -->
     性别：<input type="radio" name="sex" checked="checked"> 男
     <input type="radio" name="sex">女 <br>

     <!-- checkbox 多选框 复选框 -->
      爱好：<input type="checkbox">舞蹈
      <input type="checkbox">唱歌
      <input type="checkbox">游戏
      <input type="checkbox" checked="checked">写代码<br>

      <!-- 文件域 上传文件表单 multiple 可以多选文件 -->
      上传头像：<input type="file" multiple> <br>

      <!-- 下拉表单 select 选择 option 选项 selected 默认选中 -->
       籍贯：
       <select name="" id="">
        <option value="">北京</option>
        <option value="" selected>浙江</option>
        <option value="">山东</option>
        <option value="">河北</option>
       </select><br>

       <!-- 文本域 rows 行数 cols 列数 -->
        请您留言：<br>
        <textarea name="" id="" cols="30" rows="10">评论</textarea><br>

        <!-- 按钮 -->
         <button type="button">搜索</button>
         <button type="submit">提交</button>
         <button type="reset">重置</button>
    </form>
</body>
</html>